body.green {
  @import './green-theme.scss';

  /*****************自定义变量start****************/
  // sidebar
  $menuText: #c1fffa; //菜单字体
  $menuActiveText: #fff; //子菜单active字体颜色
  $menuActiveTextFont: 16px; //菜单active 字体大小

  $subMenuActiveText: #fff; //  父菜单active颜色

  $menuBg: #299D90; //菜单背景
  $menuHover: #54B1A6; //菜单hover
  $heightLightColor: #21beae;

  $subMenuBg: #047D73; //子菜单背景
  $subMenuHover: #54B1A6; //子菜单hover背景

  $sideBarWidth: 210px; //左侧菜单宽度
  $topBarHeight: 50px; //顶栏菜单高度
  $minWidth: 1306px; //文档最小宽度

  $bodyBg: #F9F9F9; //body背景颜色
  $bodyColor: #333; //全局字体颜色

  $tableHeadBg: #F2F2F2; //表格背景颜色
  $trHoverBg: #fff; //表格行hover背景颜色
  $arrowBgColor: #F2F2F2; //下拉箭头背景

  $tableBgDark: #ecfdff;
  // btn
  $btnBlue: #3657b9;
  $btnYellow: #ffbf33;
  $btnRed: #ff7633;
  $btnBluer: #7133ff;

  $borderColor: #E6E6E6;

  $itemBg: #f5f5f5;

  // fontColor
  $fontColorError: rgb(237, 9, 2);
  // 标题字体
  $titalFontSize: 16px;

  /*****************自定义变量end****************/

  /*****************elementui 覆盖start****************/
  .rever-model {
    .el-upload-dragger .el-icon-upload {
      color: $menuBg !important;
    }
  }

  .graphic-model .el-input__icon {
    line-height: 32px;
  }

  .detail-project-tow-slect {
    .el-form-item {
      margin-bottom: 10px;
    }
  }

  .el-breadcrumb__inner a,
  .el-breadcrumb__inner.is-link {
    color: $menuText !important;

    &:hover {
      color: $menuText !important;
    }
  }

  .check-in-out .check-tree .el-tree {
    background: $bodyBg;
  }

  .permiss-check {
    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
      background-color: $menuBg;
      border-color: $menuBg;
    }

    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
      border-color: $menuActiveText;
    }
  }

  .file-btn {

    .el-button--success,
    .el-button--success:hover,
    .el-button--success:focus {
      background-color: $menuBg;
      border-color: $menuBg;
    }
  }

  .el-table--fit {
    border-right: 1px solid $borderColor !important;
  }

  .el-table {
    border-left: 1px solid $borderColor;
    border-top: 1px solid $borderColor;

    .el-table__header-wrapper {
      background: $tableHeadBg;
    }

    .projectName {
      color: $menuBg;
    }

    thead th {
      background-color: $tableHeadBg;
    }

    td {
      :last-child {
        .svg-icon {
          color: $menuBg;

          &:hover {
            color: #33A3DE;
          }
        }

        //危险颜色  红色
        .svg-icon.dangerous {
          color: $fontColorError;
        }

      }
    }

    .el-table__body tr.el-table__row {
      >td {
        border-top: 1px solid $borderColor;
      }

      &:hover {
        >td {
          &:first-child {
            border-left: 1px solid $menuBg;
          }

          &:last-child {
            border-right: 1px solid $menuBg;
          }

          border-top: 1px solid $menuBg !important;
          border-bottom: 1px solid $menuBg !important;
          background: $trHoverBg !important;
        }
      }
    }
  }

  .cron-class {
    .crom-more {
      a {
        color: $menuBg;
      }
    }
  }

  //分页
  .el-pagination.is-background {

    .btn-prev,
    .btn-next {
      border: 1px solid $borderColor;
      border-right: transparent;
    }

    .el-pager li {
      border: 1px solid $borderColor;
      border-right: transparent;
    }

    .btn-next {
      border-right: 1px solid $borderColor;
    }
  }

  .upload-demo-pdm {
    .el-icon-upload {
      color: $menuBg;
    }
  }

  //树
  .el-tree {
    .svg-icon {
      color: $bodyColor;
    }

    .el-tree-node__expand-icon {
      color: $bodyColor;
    }
  }

  .el-tree--highlight-current .el-tree-node.is-current {
    >.el-tree-node__content {
      .svg-icon {
        color: $menuBg;
      }

      color: $menuBg;

      .el-tree-node__expand-icon {
        color: $menuBg;
      }

    }
  }

  .el-menu--popup {
    .el-menu-item {
      background: $menuBg;
      color: $menuActiveText;
    }
  }

  /*****************elementui 覆盖end****************/


  /*****************sidebar  start****************/
  #app {
    .hideSidebar .main-container {
      margin-left: 54px;
    }

    .main-container {

      margin-left: $sideBarWidth;

      .navbar {
        height: $topBarHeight;
        background: $menuBg;

        .global-search {
          height: $topBarHeight;
          line-height: $topBarHeight;
        }

        .right-menu {
          height: $topBarHeight;
          line-height: $topBarHeight;

          .avatar-wrapper {
            color: $menuText;

            .el-button {
              color: $menuBg;
            }
          }
        }
      }
    }



    .el-menu--collapse .el-menu .el-submenu {
      min-width: $sideBarWidth !important;
    }
  }

  .sidebar-container {
    width: $sideBarWidth !important;
    background-color: $menuBg;

    .sidebar-logo-container {
      height: $topBarHeight;
      line-height: $topBarHeight;
      background: $menuBg;
    }

    .svg-icon {
      color: $menuText;
    }

    .el-menu {
      background: $menuBg;
    }

    // menu hover
    .submenu-title-noDropdown,
    .el-submenu__title {
      color: $menuText;

      &:hover {
        background-color: $menuHover !important;
      }

      &:focus {
        background-color: transparent !important;
      }

      i {
        color: $menuText;
      }
    }

    .is-active>.el-submenu__title {
      color: $subMenuActiveText !important;
    }

    .is-active.submenu-title-noDropdown {
      color: $subMenuActiveText !important;
    }

    & .nest-menu .el-submenu>.el-submenu__title,
    & .el-submenu .el-menu-item {
      color: $menuText !important;
      min-width: $sideBarWidth !important;
      background-color: $subMenuBg !important;
      padding-left: 55px !important;

      &:hover {
        background-color: $subMenuHover !important;
      }

      &.is-active {
        color: $menuActiveText !important;
      }
    }
  }

  .el-menu--vertical {

    .nest-menu .el-submenu>.el-submenu__title,
    .el-menu-item {

      &:hover {
        background-color: $menuHover !important;
      }
    }
  }

  /*****************sidebar  end****************/


  /*******************body 内部 start***********************/
  min-width: $minWidth;
  background-color: $bodyBg;
  color:$bodyColor;
  /*******************body 内部end***********************/


  /*******************全局样式start***********************/
  //图标颜色
  .svg-icon {
    color: $menuBg;
  }

  .blue-title {
    border-bottom: 1px solid $menuBg;

    &::before {
      background: $menuBg;
    }
  }

  // 统一item背景颜色
  .item-bg {
    background: $itemBg;
  }

  .tags-view-container {
    .tags-view-wrapper {
      .tags-view-item {
        &.active {
          background-color: $menuBg;
          color: #fff;
          border-color: $menuBg;

          .el-icon-close {

            // background-color:#fff;
            &::before {
              color: #fff;
            }
          }
        }
      }
    }
  }

  /*******************全局样式end***********************/


  /********************404********************/
  .wscn-http404-container {
    .wscn-http404 {

      .bullshit {

        &__oops {
          color: $menuBg;
        }


        &__return-home {
          background: $menuBg;
          color: $menuActiveText;
        }
      }
    }
  }




  .navbar {
    .hamburger-container {
      .svg-icon {
        width: 20px;
        height: 20px;
        color: $menuText;
      }
    }

    .right-menu {
      .zhuti {
        .svg-icon {
          color: $menuText;
          position: relative;
          top: 2px;
        }
      }
    }

    .notice-num {
      .svg-icon {
        color: $menuText;
      }
    }
  }

}
